'use strict';
/**
 * Created by QianQi on 2017/3/9.
 */
$(function(){
    var oSelnumApi,// 数字输入组件 api
        jqOld = $('.js-old'),
        jqNew = $('.js-new'),
        jqVal = $('.js-val');

    // 顶部按钮点击事件
    var fTbtnsClick = function(){
        var jqThis = $(this);
        switch(jqThis.attr('data-type')){
            case 'setVal':// 为文本框赋值
                oSelnumApi.setVal(jqVal.val());
                break;
            case 'getVal':
                alert('当前的值是：' + oSelnumApi.getVal());
                break;
            case 'setEnable':
                if(jqThis.html() === '启用'){
                    oSelnumApi.setEnable(true);
                    jqThis.html('禁用');
                }
                else{
                    oSelnumApi.setEnable(false);
                    jqThis.html('启用');
                }
                break;
            case 'fReset':
                oSelnumApi.fReset({
                    allowFloat: true
                });
                break;
        }
    };
    // selnum 值变化时的回调方法
    var fOnChange = function(newV, oldV){
        jqOld.html(oldV);
        jqNew.html(newV);
    };
    /** =================== **/
    $('.js-tbtns').on('click', 'button', fTbtnsClick);// 顶部按钮点击事件
    oSelnumApi = $('.js-selnum').initSelNum({
        ////maxVal:0, //最大值
        ////minVal:0, //最小值
        //name: 'selnum',//其中文本框对应的 name
        //enable: true,
        ////value,//初始化时的值，默认为最小值
        //step: 1,//每次上下增减的数值
        //isEmp: true //默认不可以为空，禁止为空时，初始值优先级：value,min,max,默认值0

        name: 'selnum',// 组件生成的文本框的 name 值，定义后不可修改
        enable: true,// 初始化时是否启用
        allowEmpty: true,// 是否允许为 ''
        allowFloat: false,// 是否支持浮点数
        //maxVal: Infinity,// 控件支持的最大值
        //minVal: -Infinity,// 控件支持的最小值
        //value:''|0,// 初始化时的值
        //step: 1,// 每次增减的数值
        onChange: fOnChange// function(nCurVal, nOldVal) 值变化时的回调方法
    });
});